<div  style="margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 80px;
    line-height: 50px;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    float: none;
    background: #fff;">
    <a class="navbar-brand" href="/" style="font-size: 34px;
    color: #f45d54;
    width: 255px;
    text-align: center;
    height: 80px;
    vertical-align: middle;
    line-height: 48px;
    font-family: CenturyGothic;">InfoMon</a>
    <div style="display: inline-block;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #666;
    margin-left: -10px;
    letter-spacing: 2px;">数据库监控系统</div>

    {%if g.user%}
    <a href="/auth/logout" style="float: right;padding: 10px;padding-right: 30px; font-size:14px; color:#666;">
        <span class="glyphicon glyphicon-log-out"></span>
        退出
    </a>
    <ul class="nav" style="display: inline-block;
    float: right;">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="padding: 10px; font-size:14px; color:#666;">
                <span class="glyphicon glyphicon-user"></span>
                用户管理
            </a>
            <ul class="dropdown-menu" role="menu" style="font-size:14px;min-width: 94px;height: 109px;border: none;left: -16px;">
                <li><a href="/user/profile" style="padding: 8px 20px;">配置</a></li>
                <li><a href="/user/list" style="padding: 8px 20px;">用户列表</a></li>
                <li><a href="/team/list" style="padding: 8px 20px;">用户组</a></li>
            </ul>
        </li>
    </ul>
    {%else%}
    <ul class="nav" style="display: inline-block;
    float: right;">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style=" font-size:14px; color:#666;">
                <span class="glyphicon glyphicon-user"></span>
                用户管理
            </a>
            <ul class="dropdown-menu" role="menu" style="font-size:14px;min-width: 94px;height: 76px;border: none;left: -16px;">
                <li><a href="/auth/login" style="padding: 8px 20px;">登入</a></li>
                <li><a href="/auth/register" style="padding: 8px 20px;">注册</a></li>
            </ul>
        </li>
    </ul>
    {%endif%}
</div>
<nav class="navbar navbar-default" role="navigation" style="background-color: #fcfcfc;width: 260px;display: inline-block;height: 100%; top: 80px;">
    <div class="container-fluid">
        <div class="collapse navbar-collapse navbar-ex1-collapse" style="margin-top: 20px; padding-left: 0; padding-right: 0">
            <ul class="nav nav-pills nav-stacked">
                <li {%if g.nav_menu == "nav_dashboard"%}class="active common-i nav-dashboard-w" {%else%} class=" common-i nav-dashboard" {%endif%}><a href="/"><i></i>控制面板</a></li>
                <li {%if g.nav_menu == "nav_screen"%}class="active common-i nav-screen-w" {%else%} class=" common-i nav-screen" {%endif%}>
                <a href="/screen"><i></i>监控面板</a>
                </li>
                <li {%if g.nav_menu == "p_hostgroup"%}class="active common-i nav-hostgroup-w" {%else%} class=" common-i nav-hostgroup" {%endif%}>
                <a href="/portal/hostgroup"><i></i>主机组</a>
                </li>
                <li {%if g.nav_menu == "p_template"%}class="active common-i nav-template-w" {%else%} class=" common-i nav-template" {%endif%}><a href="/portal/template"><i></i>模板</a></li>
                <li {%if g.nav_menu == "p_expression"%}class="active common-i nav-expression-w" {%else%} class=" common-i nav-expression" {%endif%}><a href="/portal/expression"><i></i>策略表达式</a></li>
                <li {%if g.nav_menu == "p_nodata"%}class="active common-i nav-nodata-w" {%else%} class=" common-i nav-nodata" {%endif%}><a href="/portal/nodata"><i></i>异常检测</a></li>
                <li {%if g.nav_menu == "p_alarm-dash"%}class="active common-i nav-alarm-dash-w" {%else%} class=" common-i nav-alarm-dash" {%endif%}><a href="/portal/alarm-dash/case"><i></i>告警板</a></li>
            </ul>
        </div>
    </div>
</nav>
